$(function(){
    /*
        需求分析：
            效果：单击'去注册'显示注册表单，单击'去登录'显示登录表单
            步骤：
                1)给'去注册'按钮绑定点击事件
                2)注册表单show,登录表单hide
                3)给'去登录'按钮绑定点击事件
                4)登录表单show,注册表单hide
    */ 
    $('#link_reg').click(function(){
        $('.reg-box').show()
        $('.login-box').hide()
    })
    $('#link_login').click(function(){
        $('.login-box').show()
        $('.reg-box').hide()
    })
    // 自定义校验密码的规则
    layui.form.verify({
        pwd:[/^\S{6,12}$/,'密码必须是6-12位的非空字符！'],
        repwd:function(value,item){
            // value 使用过此规则的表单的value值   
            // item 使用此规则的表单dom对象  
            //判断密码框的值 和 确认密码框的 value是否一致
            var pwd=$('#form_reg input[name="password"]').val()
            if(pwd !== value){
                return '两次密码必须一致'
            }
        }
    })
    /*
        需求分析：
            效果：注册用户(把用户的信息提交给服务区)
            步骤：
            form表单 + ajax
                1)给注册表单注册submit事件
                2)阻止表单默认行为
                3)收集表单数据
                4)发送ajax请求
    */
   $('#form_reg').submit(function(e){
       e.preventDefault();
    //    var username =$('#form_reg input[name="username"]').val().trim()
        $.ajax({
            method:'post',
            url:'/api/reguser',
            // 一键手机表单数据
            data:$(this).serialize(),
            success:function(res){
                console.log(res);
                if(res.status!==0){
                    // return alert('注册失败')
                    return layui.layer.msg(res.message,{icon:5})
                }
                layui.layer.msg(res.message,{icon:6})
                // 显示登录表单，隐藏注册表单(触发'去登录'按钮的点击事件)
                $('#link_login').click()
            }
        })
   })
    // 点击登录跳转页面
   $('#form_login').submit(function(e){
       e.preventDefault()
       $.ajax({
           method:'post',
           url:'/api/login',
           data:$(this).serialize(),
           success:function(res){
               console.log(res);
               if(res.status!==0){
                   return layui.layer.msg(res.message,{icon:5})
               }
               // 把登录成功之后，返回的token数据保存到本地存储中，为以后调用其他接口做准备    
               localStorage.setItem('token',res.token)
               layui.layer.msg(res.message,{icon:6},function(){
                    //跳转到登录首页
                    location.href= 'index.html' 
               })
           }
       })
   })
})

// $(function(){
//     /*
//         需求分析：
//             点击‘去注册’跳转到注册表单
//                 1)注册表单show()
//                 2)登录表单hide()
//             点击‘去登录’跳转到登录表单
//                 1)登录表单show()
//                 2)注册表单hide()
//     */ 
//     $('#link_reg').click(function(){
//         $('.reg-box').show()
//         $('.login-box').hide()
//     })

//     $('#link_login').click(function(){
//         $('.login-box').show()
//         $('.reg-box').hide()
//     })
//     // 自定义校验数据
//     layui.form.verify({
//         //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
//         pwd:[/^\S{6,12}$/,'密码必须6~12位非空字符'],
//         repwd:function(value,item){
//             var pwd=$('#form_reg input[name="password"]').val()
//             if(pwd !==value){
//                 return '两次密码不一致'
//             }
//         }
//     })

//     /* 
//         需求分析：form + ajax
//             1)给表单添加submit事件
//             2)阻止表单的默认行为
//             3)收集表单数据      (对数据进行校验)
//             4)发送ajax请求
//     */ 
//    $('#form_reg').submit(function(e){
//         e.preventDefault()
//         var data=$(this).serialize()
//         // console.log(data);
//         $.ajax({
//             method:'post',
//             url:'/api/reguser',
//             data:data,
//             success:function(res){
//                 console.log(res);
//                 if(res.status!==0){
//                     return layui.layer.msg(res.message,{icon:5})
//                 }
//                 layui.layer.msg(res.message,{icon:6})
//                 // 注册成功后跳转到登录表单
//                 $('#link_login').click()
//             }
//         })
//    })

//    $('#form_login').submit(function(e){
//        e.preventDefault()
//        $.ajax({
//            method:'post',
//            url:'/api/login',
//            data:$(this).serialize(),
//            success:function(res){
//             // console.log(res);
//             if(res.status!==0){
//                 return layui.layer.msg(res.message,{icon:5})
//             }
//             // 把登录成功之后，返回的token数据保存到本地存储中
//             localStorage.setItem('token',res.token)
//             layui.layer.msg(res.message,{icon:6},function(){
//                 // 登录成功跳转页面
//                 location.href='index.html'
//             })
//            }
//        })
//    })
// })